<!--
  To change this template, choose Tools | Templates
  and open the template in the editor.
-->

<%@ page contentType="text/html;charset=UTF-8" %>

<span style="text-align:center">
  <h1>${shirt}</h1>
</span>
<table>
 
  <tr>
    <td>
       <h1>SHIRTS</h1> 
    </td>
    <td>
          
       
      
            
     <div class="list">
                <table>
                    <thead>
                        <tr>
                        
                            
                            <g:sortableColumn property="designName" title="${message(code: 'shirt.designName.label', default: 'Design Name')}" />

                            <g:sortableColumn property="designPicture" title="${message(code: 'shirt.designPicture.label', default: 'Design Picture')}" />

                                                  
                          
                        
                        </tr>
                    </thead>
                    <tbody>
                    <g:each in="${shirtInstanceList}" status="i" var="shirtInstance">
                        <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">
                        
                            <td><g:link action="show" id="${shirtInstance.id}">${fieldValue(bean: shirtInstance, field: "id")}</g:link></td>
                        
                            <td>${fieldValue(bean: shirtInstance, field: "shirtID")}</td>
                        
                            <td>${fieldValue(bean: shirtInstance, field: "designName")}</td>
                        
                            <td>${fieldValue(bean: shirtInstance, field: "collar")}</td>
                        
                            <td>${fieldValue(bean: shirtInstance, field: "cuff")}</td>
                        
                            <td>${fieldValue(bean: shirtInstance, field: "monogram")}</td>
                            <td><g:remoteLink action="add"
                            params="${[id:bookInstance.id, class:bookInstance.class, version:bookInstance.version]}"
                            update="shoppingCartContent"
                            onComplete="Effect.Pulsate('shoppingCartContent', {pulses: 1, duration: 1.0});">
										Add to Cart
          </g:remoteLink>
</td>
                        
                        </tr>
                    </g:each>
                    </tbody>
                </table>
            </div>
      
      
  </td>
    
  </tr>
  
  
  
</table>